<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.min.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/wow/1.1.2/wow.min.js"></script>
</head>

<body>
    <div class="web">
        <header>
            <span><img src="../img/logo.png" class="animate__animated animate__heartBeat"></span>
            <nav>
                <ul>
                    <li>
                        <a href="./index.html">首页
                        <p>home</p>
                    </a>
                    </li>
                    <li>
                        <a href="./list.html">游戏
                        <p>game</p>
                    </a>
                    </li>
                    <li>
                        <a href="./case.html">案例
                        <p>Case</p>
                    </a>
                    </li>
                    <li>
                        <a href="./person.html">关于我们
                        <p>About us</p>
                    </a>
                    </li>
                    <span><img src="../img/pagewechat.png"></span>
                </ul>

            </nav>
        </header>
        <main>
            <div class="blue wow animate__lightSpeedInLeft">
                <a href="">首页</a>
                <a href="">个人中心</a>
            </div>
            <div class="yellow wow animate__lightSpeedInRight">
                <div class="box">
                    <a href="">
                        <div class="small">我的游戏</div>
                    </a>
                    <a href="">
                        <div class="small">我的收藏</div>
                    </a>
                    <a href="">
                        <div class="small">试玩记录</div>
                    </a>
                    <a href="">
                        <div class="small">游戏流程</div>
                    </a>
                    <a href="">
                        <div class="small">表单设置</div>
                    </a>
                    <span><img src="../img/personalwave.png"></span>

                </div>
            </div>
            <div class="bigBox">
                <div class="left">
                    <a href="">
                        <i class="iconfont .icon-weixin">&#xf0106;</i>
                        <p>微信关注</p>
                    </a>
                    <a href="">
                        <i class="iconfont .icon-youxitianchong
                    ">&#xe6b5;</i>
                        <p>&nbsp;玩游戏</p>
                    </a>
                    <a href="">
                        <i class="iconfont .icon-gift">&#xe63c;</i>
                        <p>&nbsp;&nbsp;&nbsp;抽奖</p>
                    </a>
                    <a href="">
                        <i class="iconfont icon-bianjiwen">&#xf00be;</i>
                        <p>&nbsp;填表单</p>
                    </a>
                </div>
                <div class="right">
                    <form>
                        <input type="text" placeholder="流程名">
                        <input type="text" placeholder="流程名">
                        <input type="text" placeholder="流程名">
                        <input type="text" placeholder="流程名">
                        <button>保存</button>
                    </form>
                </div>
            </div>
        </main>
        <footer>
            <div class="foot">
                <div class="left">
                    <img src="../img/footleft1.png">
                </div>
                <div class="zhong">
                    <p>COPYRIGHT © 2014 PANGTANG. ALL RIGHTS RESERVED. 版权所有</p>
                </div>
                <div class="right "> <img src="../img/footright1.png"></div>
            </div>
        </footer>
    </div>
</body>

</html>